<template>
  <div>
    <template v-if="$app.judgeData(orderInfo) && $app.judgeData(orLiInfo)">
      <Card class="marginB10">
        <div>
          <div class="pullLeft" style="width:340px;">
            <div class="lineH34 c333 f_16 f_bold marginB10">商标信息</div>
            <div class="TJ_big paddingL30">
              <div class="paddingB10">
                <div
                  class="textCenter marginR30 textLine marginB20"
                  @click="$app.openWindow(orderInfo.img_path.file_url)"
                >
                  <div
                    class="JC_img relative overflowH marginB10"
                    style="width:120px; border:1px solid #ccc"
                  >
                    <img
                      :src="orderInfo.img_path.file_url"
                      @error="$app.defImag"
                      class="InputShowImg contain bgWhite "
                    />
                  </div>
                </div>

                <div class="overflowH">
                  <div
                    class="marginB5"
                    v-show="orderInfo.type==1 && $app.judgeData(orderInfo.name)"
                  >
                    名称：
                    <span class="cBlue f_16">{{orderInfo.name}}</span>
                  </div>
                  <div class="marginB5" v-show="$app.judgeData(orderInfo.apply_number)">
                    申请号：
                    <span class="cBlue f_16">{{orderInfo.apply_number}}</span>
                  </div>
                  <div class="marginB5">
                    类型：
                    <template v-if="orderInfo.type==1">文字</template>
                    <template v-else-if="orderInfo.type==2">图形</template>
                    <template v-else>文字及图形</template>
                  </div>
                  <div class="marginB5">
                    创建日期：
                    <span>{{orderInfo.created_at}}</span>
                  </div>
                  <div class="marginB5">
                    肖像作为商标申请注册：
                    <span class>{{orderInfo.is_portrait?'是':'否'}}</span>
                  </div>
                  <template v-if="$app.judgeData(orderInfo.portrait_img_path.file_url)">
                    <div class="marginB5" >
                      证明文件：
                      <span
                        class="f_16 cBlue pointer textLine"
                        @click="$app.openWindow(orderInfo.portrait_img_path.file_url)"
                      >
                        <i class="iconfont marginR5 f_18 icontupian"></i>
                        {{$app.urlToName(orderInfo.portrait_img_path)}}
                      </span>
                    </div>
                  </template>
                  
                </div>
              </div>
            </div>
          </div>
          <div class="overflowH">
            <div class="lineH34 c333 f_16 f_bold marginB10">申请人信息</div>
            <div class="TJ_big paddingL30">
              <Row :gutter="15" class="TJ_box borderNone">
                <Col :span="6" class="marginB10">
                  <div>申请人资质：{{orderInfo.reg_people_type==1?'企业':'个体工商户'}}</div>
                </Col>
                <Col :span="10" class="marginB10">
                  <div>{{orderInfo.reg_people_type==1?'公司名称':'个人名称'}}：{{orderInfo.reg_people_name}}</div>
                </Col>
                <template v-if="orderInfo.reg_people_type==2">
                  <Col :span="8" class="marginB10">
                    <div>身份证号：{{orderInfo.idcard}}</div>
                  </Col>
                </template>
                <template v-else>
                  <Col :span="8" class="marginB10">
                    <div>营业执照：{{orderInfo.business_license_number}}</div>
                  </Col>
                </template>

                <Col :span="16" class="marginB10">
                  <div>地址：{{orderInfo.business_license_address}}</div>
                </Col>
                <template v-if="orderInfo.reg_people_type==2">
                  <Col :span="8" class="marginB10">
                    <div>营业执照：{{orderInfo.business_license_number}}</div>
                  </Col>
                </template>
                

                <!-- <Col :span="8" class="marginB10">
                  <div >邮政编码：{{orderInfo.zip_code}}</div>
                </Col>-->
              </Row>
            </div>

            <div class="lineH34 c333 f_16 f_bold marginB10">交官文件</div>
            <div class="TJ_big paddingL30 cBlue f_18">
              <div class="inlineBlock" style="margin-right:80px;">
                <div
                  class="textLine"
                  @click="$app.openWindow(orderInfo.business_license_path.file_url)"
                >
                  <i class="iconfont marginR5 f_20 icontupian"></i>
                  企业营业执照
                </div>
              </div>
              <div class="inlineBlock" style="margin-right:80px;">
                <div class="textLine" @click="$app.openWindow(orderInfo.attorney_path.file_url)">
                  <i class="iconfont marginR5 f_20 icontupian"></i>
                  委托书
                </div>
              </div>
              <template v-if="orderInfo.reg_people_type==2">
                <div class="inlineBlock" style="margin-right:80px;">
                  <div class="textLine" @click="$app.openWindow(orderInfo.idcard_path.file_url)">
                    <i class="iconfont marginR5 f_20 icontupian"></i>
                    身份证
                  </div>
                </div>
              </template>
            </div>
            <template v-if="$app.judgeData(orderInfo.remark)">
              <div class="lineH34 c333 f_16 f_bold marginB10">商标说明</div>
              <div class="TJ_big paddingL30 marginB10">{{orderInfo.remark}}</div>
            </template>

            
          </div>
          <div class="clearBoth"></div>
        </div>
      </Card>

      <Sbuild :cg_list="orderInfo.cg_list" />
    </template>
  </div>
</template>



<script>
import Sbuild from "./sbuild";
export default {
  name: "middle",
  components: {
    Sbuild
  },
  props: ["orderInfo", "orLiInfo"],
  data() {
    let data = {};
    let tool = {};
    return Object.assign(data, tool);
  },
  mounted() {},
  methods: {}
};
</script>

